<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
	<style>
		.record-head{
			border-top:1px solid #ccc;
		}
		.record-head td{
			padding:6px 0;
			font-size:13px;
		}
		.record-head img{
			vertical-align:-2px;
		}
		.record-body{
			border-bottom:1px solid #ccc;
			
		}
		.record-body td{
			padding:18px 0;
		}
	</style>
</head>

<body>
	<script type="text/javascript">
		var ctx = '${ctx}';
	</script>
	<div id="first">
		
		<div class="payment-record payment-info-box">
				<table id="table_list" class="record-table">
					<thead class="record-table-head">
					    <tr style="height:40px"></tr>
						<tr class="type-list">
							<th width="30%">车辆</th>
							<th width="40%">到期时间</th>
							<th width="30%">状态</th>
						</tr>
					</thead>
					<c:forEach items="${carBillDetail}" var="config"
						varStatus="configStatus">
						<tbody id="tableTbody">
						    <tr style="height:20px;"></tr>
							<tr class="record-head">
								<td><img src="${ctx }/images/wuye/dqtx1.png" />
									${config.houseFullName}</td>
								<td></td>
								<td></td>
							</tr>
							<tr class="record-body">
								<td><span>${config.carNo}</span></td>
								<td>${config.endDateString}</td>
								<td style="display: block">
									<p>${config.restDay}</p>
								</td>
							</tr>
						</tbody>
					</c:forEach>
				</table>
			</div>
		</div>
	<script type="text/javascript">
		/* function gotoCarManage() {
			parent.window.location.href = ctx + "/carBill/getCarManage";
		}
		function gotoPayCarBill() {
			$('#first').load(ctx + "/carBill/getHousePayBill");
		}
		function gotoCarBillRecords() {
			$('#first').load(ctx + "/carBill/getCarBillRecord");
		} */
	</script>
</body>
</html>